<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生活家居</title>
    <link rel="stylesheet" type="text/css" href="shenghuojiaju.css">
</head>
<body>
    <div class="top">
        <div class="t-logo"></div>
        <div class="t-nav" >
            <div class="t-nav-wrap">
                <div class="t-left">深圳<切换></div>
                <a href="#">首页</a>
                <a href="#">咨询</a>
                <a href="#">测评</a>
                <a href="#12">商城</a>
                <div class="t-right">个人中心</div>
            </div>
        </div>
    </div>
    <div class="center">        
        <a href="#">首页</a>><a href="#">预防装修污染</a>><a href="#">材料库</a>
        <div class="c-one">
            <ul><li><a href="#">类别</a></li>
                <li><a href="#">全部</a></li>
                <li><a href="#">地板</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#">墙纸</a></li>
                <li><a href="#">瓷砖</a></li>
                <li><a href="#">粘胶剂</a></li>
                <li><a href="#">油漆</a></li>
                <li><a href="#">家具</a></li>
                <li><a href="#">板材</a></li>
                <li><a href="#">饰品</a></li>
            </ul>   
            <ul><li><a href="#">类型</a></li>
                <li><a href="#">全部</a></li>
            </ul>
            <ul><li><a href="#">材料</a></li>
                <li><a href="#">全部</a></li>
                <li><a href="#">复合</a></li>
                <li><a href="#">强化</a></li>
                <li><a href="#">其他</a></li>
            </ul>
            <ul>
                <li><a href="#">品牌</a></li>
                <li><a href="#">圣象</a></li>
                <li><a href="#">大自然</a></li>
                <li><a href="#">生活家</a></li>
                <li><a href="#">德尔</a></li>        
            </ul>
        </div>
        <div class="c-two">
            <div class="two-left">
                <a>发布时间</a><img src="images/downicon.png" alt="" />
                <a>价格</a><img src="images/upicon.png" alt="" />
                <a>环保节能</a><img src="images/downicon.png" alt="" />
            </div>
            
            <div class="two-center">
                <input type="text">
                <button>搜索</button>
            </div>
            <div class="two-right">
                <a>了解家居医生建材环保评级标准</a>
            </div>
        </div>
        <div class="c-three">
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>               
                </div> 
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="" >
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
        </div>   
        <div class="c-three">
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="" >
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
            <div>
                <img src="images/data_image.png" alt="">
                <div class="three-top">
                    <p>德尔都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m<sup>2</sup></p>
                </div>
                <div class="three-footer">环保评级：B&nbsp;<span>(可以使用)</span></div>
            </div>
        </div>
        <div class="four">
            <span><a href="../远大 家居/家居医生.html" >上一页</a></span>
            <a href="#" >1</a><a href="#" >2</a><a href="#" >3</a><a href="#" >4</a>
            <span><a href="../小米登录/xiaomi.html" >下一页</a></span>
            共有10页，去第<input type="text">页
            <button>确定</button>
        </div>
        <div class="five" >
            <div class="five-left"></div>
            <div class="five-right">
                <p>建材检测&nbsp;需要反馈</p>
                <p>亲爱的用户，我们正在不断的完善和更新建材库</p>
                <p>若没有找到你想要的材料，请将您想要测得材料告诉我</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-wrap" >
            <div class="footer-left">
                <img src="images/footerLogo.png" alt="">
                <p>为室内环境把好每一关</p>
                <p>家具医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力协助打造健康环保人居环境</p>
            </div>
            <div class="footer-one">
                <ul>
                    <li><a id="12">关于我们</a></li>
                    <li><a>联系我们</a></li>
                    <li><a>加入我们</a></li>
                </ul>
                <ul>
                    <li><a>版权说明</a></li>
                    <li><a>用户隐私</a></li>
                    <li><a>免费申明</a></li>
                </ul>
                <ul>
                    <li><img src="images/weixin2.png"><a>官方微信</a></li>
                    <li><img src="images/tianmao.png"><a>天猫旗舰店</a></li>
                    <li><img src="images/shop.png"><a>有间商城</a></li>
                </ul>
                
            </div>
            <hr>
            <p><span>深圳建筑科学研究股份有限公司&nbsp;家居医生网</span><span>@copyright</span></p>
        </div>
    </div> 
</body>
</html>